<template>
    <div class="card">
        <div class="row row1">
            <text>商品总金额</text> <MoneyCard :price="1000" :coins="1000"></MoneyCard>
        </div>
        <div class="row row1">
            <text>优惠券</text>
            <text style="font-size: 12px; color: rgba(236, 94, 65, 1)">满100-10</text>
        </div>
        <div class="row row1">
            <text>实际支付</text> <MoneyCard :price="1000" :coins="1000"></MoneyCard>
        </div>
    </div>
</template>

<script setup>
import MoneyCard from '@/activityPages/components/money-card.vue'
</script>

<style lang="scss" scoped>
@import url('@/activityPages/style/card.css');

.text1 {
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    text-align: left;
    font-family: PingFangSC-regular;
    font-weight: bold;
    padding-bottom: 5px;
}
.text2 {
    line-height: 14px;
    color: rgba(153, 153, 153, 1);
    font-size: 10px;
    text-align: left;
    font-family: PingFangSC-regular;
}

.row1 {
    justify-content: space-between;
    padding-bottom: 10px;
    width: 100%;
}
</style>